const path = require('path');
// 想让webpack可以支持打包html文件，需要用到html-webpack-plugin插件库，直接npm install html-webpack-plugin即可
const HtmlWebpackPlugin = require('html-webpack-plugin');

// 注意，因为webpack.config.js是在node项目的目录下，所以这个文件的模块化需要用commonjs规范
module.exports = {
    // entry用来配置入口文件
    entry:'./src/index.js',

    // output用来配置打包后的文件存放情况，filename代表文件名，path代表路径.要注意path只支持绝对路径
    output:{
        filename:'bundle.js',
        path:path.resolve(__dirname,'./dist'),//这里是nodejs的基础，不做讲解
        clean:true,//clean设置为true即可在每次打包之前将上次打包生成的文件夹清掉
    },
    mode:'none',

    // plugins用来配置你使用webpack的过程中用到的插件
    plugins:[
        new HtmlWebpackPlugin({
            template:'./index.html',//template为html模板文件
            filename:'app.html',//打包后的html文件的名字
            inject:'body',//打包后的js文件在该html文件中引入的位置，body或head
        })
    ]
}